:root {
  --hue-blue: 209;
  --hue-pink: 270;

  --bg-color: #000;
  --text-color: #hsl(var(--hue-blue), 10%, 87%);
  --link-color: hsl(var(--hue-blue), 92%, 70%);
  --text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  --box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

  --btn-bg-color: hsl(var(--hue-blue), 10%, 50%);
  --btn-active-bg-color: var(--link-color);

  --info-color: var(--link-color);
  --info-bg-color: hsl(var(--hue-blue), 100%, 17%);
  --warn-color: hsl(var(--hue-pink), 100%, 50%);
  --warn-bg-color: hsl(var(--hue-pink), 50%, 20%);
  --logo-color: hsl(var(--hue-blue), 10%, 85%);

  --text-shadow-glow: 0 0 5px hsl(var(--hue-pink), 100%, 45%), 0 0 10px hsl(var(--hue-pink), 100%, 45%);
}
